<template>
   <!-- <v-app>
        &lt;!&ndash;头部导航栏&ndash;&gt;
        <Header></Header>
        &lt;!&ndash;<v-system-bar app>头部</v-system-bar>&ndash;&gt;
        <div class="pl-12">

            <v-navigation-drawer app class="spacing-playground ml-12">
                &lt;!&ndash;侧边导航栏&ndash;&gt;
                <Navigation></Navigation>
            </v-navigation-drawer>

            &lt;!&ndash; Sizes your content based upon application components &ndash;&gt;
            <v-main app>
                <v-container fluid>
                    <router-view></router-view>
                </v-container>
                &lt;!&ndash; Provides the application the proper gutter &ndash;&gt;

            </v-main>

            <v-footer app>
                &lt;!&ndash; &ndash;&gt;
                footer
            </v-footer>
        </div>
    </v-app>-->
    <router-view></router-view>
</template>

<script>

  export default {
    name: 'App',



    data: () => ({
      //
    }),
  };
</script>
